<template>
	<!-- 批发贸易 -->
    <view class="pt-[28rpx] px-[32rpx]">
        <view style="background: linear-gradient(to bottom, #FFF0C0 0%, #FFFFFF 100%);"
			class="flex justify-around   w-[686rpx] h-[248rpx] rounded-[20rpx] border-[2rpx] border-white">
			<view class="flex-col justify-around items-center w-[112rpx] pt-[40rpx]">
				<view class="font-[500] text-[44rpx] text-[#000000] leading-[44rpx]  text-center font-[D-DIN-PRO]">32
				</view>
				<view
					class=" mt-[12rpx] font-[500] text-[20rpx] text-[#999999] leading-[28rpx] text-center font-[PingFang-SC]">
					昨日+0</view>
				<view
					class=" mt-[4rpx] font-[500] text-[20rpx] text-[#999999] leading-[28rpx] text-center font-[PingFang-SC]">
					今日+2</view>
				<view
					class="mt-[16rpx] font-[500] text-[28rpx] text-[#000000] leading-[40rpx] text-center font-[PingFang-SC]">
					浏览数</view>
			</view>
			<view class="flex-col justify-around items-center w-[112rpx] pt-[40rpx]">
				<view class="font-[500] text-[44rpx] text-[#000000] leading-[44rpx]  text-center font-[D-DIN-PRO]">32
				</view>
				<view
					class=" mt-[12rpx] font-[500] text-[20rpx] text-[#999999] leading-[28rpx] text-center font-[PingFang-SC]">
					昨日+0</view>
				<view
					class=" mt-[4rpx] font-[500] text-[20rpx] text-[#999999] leading-[28rpx] text-center font-[PingFang-SC]">
					今日+2</view>
				<view
					class="mt-[16rpx] font-[500] text-[28rpx] text-[#000000] leading-[40rpx] text-center font-[PingFang-SC]">
					联系他人</view>
			</view>
			<view class="flex-col justify-around items-center w-[112rpx] pt-[40rpx]">
				<view class="font-[500] text-[44rpx] text-[#000000] leading-[44rpx]  text-center font-[D-DIN-PRO]">32
				</view>
				<view
					class=" mt-[12rpx] font-[500] text-[20rpx] text-[#999999] leading-[28rpx] text-center font-[PingFang-SC]">
					昨日+0</view>
				<view
					class=" mt-[4rpx] font-[500] text-[20rpx] text-[#999999] leading-[28rpx] text-center font-[PingFang-SC]">
					今日+2</view>
				<view
					class="mt-[16rpx] font-[500] text-[28rpx] text-[#000000] leading-[40rpx] text-center font-[PingFang-SC]">
					被浏览数</view>
			</view>
			<view class="flex-col justify-around items-center w-[112rpx] pt-[40rpx]">
				<view class="font-[500] text-[44rpx] text-[#000000] leading-[44rpx]  text-center font-[D-DIN-PRO]">32
				</view>
				<view
					class=" mt-[12rpx] font-[500] text-[20rpx] text-[#999999] leading-[28rpx] text-center font-[PingFang-SC]">
					昨日+0</view>
				<view
					class=" mt-[4rpx] font-[500] text-[20rpx] text-[#999999] leading-[28rpx] text-center font-[PingFang-SC]">
					今日+2</view>
				<view
					class="mt-[16rpx] font-[500] text-[28rpx] text-[#000000] leading-[40rpx] text-center font-[PingFang-SC]">
					被联系数</view>
			</view>
		</view>
        <view class="relative flex justify-between items-center mt-[24rpx]">
			<img src="@/static/images/img/pfmy.png" class="w-[100%] h-[152rpx] absolute z-[-3]"  />
			<view class="flex flex-col justify-between  px-[30rpx] ml-[176rpx] py-[30rpx]">
				<view class="text-[24rpx] font-[500] text-[#FFEFB8] ">可用保障金</view>
				<view class="text-[#FFFFFF] font-[500] mt-[8rpx]">0.00</view>
			</view>
            <view class="ffg">
                信用分：23
            </view>
		</view>
        <!-- 我的发布 -->
        <view style="background: #FFFFFF;border-radius: 20rpx;"
			class="mt-[20rpx] ">
			<view
				class="pt-[24rpx] ml-[30rpx] font-[500] text-[32rpx] text-[#000000] leading-[48rpx] text-left font-[PingFang-SC]">
				我的发布
			</view>
			<view class="w-[100%] grid__  ">
				<view class="w-[112rpx]  flex flex-col items-center">
					<image src="@/static/images/img/dp.png" class="w-[72rpx] h-[72rpx]  " />
					<view class="mt-[16rpx] text-[24rpx] font-[500] text-[#000000] font-[PingFang-SC]">我的店铺</view>
				</view>
				<view class="w-[112rpx] flex flex-col items-center">
					<image src="@/static/images/img/cy.png" class="w-[72rpx] h-[72rpx]  " />
					<view class="mt-[16rpx] text-[24rpx] font-[500] text-[#000000] font-[PingFang-SC]">车源管理</view>
				</view>
				<view class="w-[112rpx]  flex flex-col items-center">
					<image src="@/static/images/img/jl.png" class="w-[72rpx] h-[72rpx]  " />
					<view class="mt-[16rpx] text-[24rpx] font-[500] text-[#000000] font-[PingFang-SC]">记录中心</view>
				</view>
				<view class="w-[112rpx] flex flex-col items-center">
					<image src="@/static/images/img/gc.png" class="w-[72rpx] h-[72rpx]  " />
					<view class="mt-[16rpx] text-[24rpx] font-[500] text-[#000000] font-[PingFang-SC]">我的广场</view>
				</view>
				<view class="w-[112rpx]  flex flex-col items-center">
					<image src="@/static/images/img/cj.png" class="w-[72rpx] h-[72rpx]  " />
					<view class="mt-[16rpx] text-[24rpx] font-[500] text-[#000000] font-[PingFang-SC]">成交套餐</view>
				</view>
                <view class="w-[112rpx]  flex flex-col items-center">
					<image src="@/static/images/img/cj.png" class="w-[72rpx] h-[72rpx]  " />
					<view class="mt-[16rpx] text-[24rpx] font-[500] text-[#000000] font-[PingFang-SC]">成交套餐</view>
				</view>
                <view class="w-[112rpx]  flex flex-col items-center">
					<image src="@/static/images/img/cj.png" class="w-[72rpx] h-[72rpx]  " />
					<view class="mt-[16rpx] text-[24rpx] font-[500] text-[#000000] font-[PingFang-SC]">成交套餐</view>
				</view>
                
			</view>
		</view>
    </view>
</template>

<script setup>

</script>

<style scoped>
.ffg{
    width: 218rpx;
    height: 64rpx;
    background-color: rgba(255, 255, 255, 0.3);
    backdrop-filter: blur(19px);
    -webkit-backdrop-filter: blur(19px);
    border: 0.8px solid rgba(255, 255, 255, 0.18);
    box-shadow: rgba(142, 142, 142, 0.19) 0px 6px 15px 0px;
    -webkit-box-shadow: rgba(142, 142, 142, 0.19) 0px 6px 15px 0px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    color: #FFFFFF;;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24rpx;
    margin-right: 26rpx;
}
.grid__ {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 28rpx;
	padding: 24rpx;
}
</style>